<!DOCTYPE html>
<script src="../../../../resources/testharness.js"></script>
<script src="../../../../resources/testharnessreport.js"></script>
<script src="../../../../resources/gesture-util.js"></script>
<style type="text/css">
::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

#bluebox {
  width: 100px;
  height: 100px;
  background: blue;
  padding: 0px;
  margin: 0px;
}

#outerdiv {
  width: 200px;
  height: 200px;
  overflow-y: scroll;
  overflow-x: scroll;
}

td {
  padding: 0px;
}

</style>
<body style="margin:0" >
<div id="outerdiv">
  <table border="0" cellspacing="0px" >
    <tr><td>
        <iframe style="display: block;" frameBorder="0" id="touchtargetiframe"
            src="resources/scroll-inside-editable-iframe-promise-resolve-on-load.html"></iframe>
    </td></tr>
    <tr><td>
      <div id="bluebox"></div>
    </td></tr>
  </table>
</div>
</body>

<script type="text/javascript">
var movedbox = document.getElementById("outerdiv");
var touchtarget = document.getElementById("touchtargetiframe");
var iframe;
var iframeScrollingElement;
var expectedGesturesTotal = 1;
var gesturesOccurred = 0;
var scrollAmountX = [0];
var scrollAmountY = [50];
var scrolledElement = movedbox;
var scrollEventsOccurred = 0;
var expectedScrollEventsOccurred = 1;

promise_test (async () => {
  await iframeOnLoadPromise;
  touchtarget.contentDocument.addEventListener("scroll", recordScroll);
  iframe = touchtarget;
  iframeScrollingElement = iframe.contentDocument.scrollingElement;
  var amountToScroll = iframeScrollingElement.scrollHeight - iframe.clientHeight;
  iframeScrollingElement.scrollTop = amountToScroll;

  // Sanity - make sure the iframe is actually fully scrolled
  assert_equals(iframeScrollingElement.scrollHeight -
      iframeScrollingElement.scrollTop, iframe.clientHeight,
      "iframe must be fully scrolled");
  var x = 10;
  var y = 72;
  // scroll for 63 pixels or till the outer div is fully scrolled.
  scrollAmountY[0] = Math.min(movedbox.scrollHeight - movedbox.clientHeight, 63);
  await smoothScroll(63, x, y, GestureSourceType.TOUCH_INPUT, "down");

  // Wait for layout.
  await waitFor(checkScrollOffset);
  assert_equals(scrollEventsOccurred, expectedScrollEventsOccurred);
}, 'This tests that a scroll gesture sent to an iframe with no remaining ' +
    'scroll offset is correctly targeting the parent container.');
</script>
